/* 
    Created on : 31/08/2014, 03:28:14 PM
    Author     : Luis Ballena
*/

html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: 0;
}

#table {
    width:100%;
    height: 500px;
    position:absolute;
    display:table;
}
#table .cell {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
}

#table .cell .center{
    width: 50%;
    margin: 0 auto;
}

#logo {
  position:relative;
  background: #525252 url(../img/devoops_pattern_b10.png) 0 0 repeat;
}

#logo a {
  color: #fff;
  font-family: 'Righteous', cursive;
  display: block;
  font-size: 15px;
  line-height: 50px;
  background: url(../img/logo.png) right 32px no-repeat;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#sidebar-left {
    position: relative;
    z-index: inherit;
    padding-bottom: 500px !important;
    margin-bottom: -500px !important;
    background: #6AA6D6 0 0 repeat;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media only screen and (min-height: 601px) and (max-height: 800px){
    .table {
        width:100%;
        height: 500px;
        position:absolute;
        display:table;
    }
    
}